<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <div class="link" id="link">
        <h3 class="link-title">朋友同事同行</h3>
        <ul>
            <li><a href="http://blog.cssforest.org/" target="_blank">鬼哥（css森林）</a></li>
            <li><a href="http://www.cnblogs.com/TomXu/" target="_blank">汤姆大叔</a></li>
            <li><a href="https://github.com/fouber/blog" target="_blank">张云龙</a></li>
            <li><a href="http://www.cnblogs.com/yexiaochai/" target="_blank">叶小钗</a></li>
            <li><a href="http://www.zawaliang.com/" target="_blank">zawa</a></li>
            <li><a href="http://www.css3china.com/" target="_blank">绿贼（css3China）</a></li>
            <li><a href="http://www.cnblogs.com/lilaczhu/" target="_blank">雪青</a></li>
            <li><a href="http://www.dudedu.com/" target="_blank">dude</a></li>
            <li><a href="http://laotan.net/" target="_blank">laotan</a></li>
            <li><a href="http://rilara.zcool.com.cn/" target="_blank">rilara</a></li>
            <li><a href="http://www.sannielu.com/" target="_blank">sannie</a></li>
            <li><a href="http://www.chauvetxiao.com/bo-blog/index.php" target="_blank">chauvet</a></li>
            <li><a href="http://realwall.cn/blog/" target="_blank">realwall</a></li>
            <li><a href="http://www.seshenghuo.com/" target="_blank">花哥</a></li>
            <li><a href="http://blog.csdn.net/cs_wuxiang" target="_blank">吴祥</a></li>
            <li><a href="http://www.xiaogezi.cn/" target="_blank">vickey(linr前端设计软件的作者）</a></li>
            <li><a href="http://1053.tmall.com/shop/view_shop.htm" target="_blank">sanny(天猫店)</a></li>
            <li><a href="http://iyunlu.com/view/Front-end/" target="_blank">一丝冰凉</a></li>
            <li><a href="http://www.zhangxinxu.com/wordpress/" target="_blank">张鑫旭</a></li>
            <li><a href="http://ideazhao.com/" target="_blank">灵感_idea</a></li>
        </ul>
        <h3 class="link-title">团队博客</h3>
        <ul>
            <li><a href="http://tid.tenpay.com/" target="_blank">财付通设计中心</a></li>
            <li><a href="http://www.w3cplus.com/" target="_blank">w3cplus</a></li>
            <li><a href="http://www.css88.com/" target="_blank">Web前端开发</a></li>
            <li><a href="http://www.qianduan.net/" target="_blank">前端观察</a></li>
            <li><a href="http://ued.taobao.com/blog/" target="_blank">淘宝UED</a></li>
            <li><a href="http://www.alloyteam.com/" target="_blank">腾讯全端AlloyTeam团队Blog</a></li>
            <li><a href="http://tgideas.qq.com/" target="_blank">tgideas.qq.com</a></li>
        </ul>
        <h3 class="link-title ">推荐资源</h3>
        <ul>
            <li><a href="http://f2er.club/ " target="_blank ">醉牛前端收藏夹</a></li>
            <li><a href="http://www.w3cplus.com/source/front-end-developer-excellent-tool.html " target="_blank ">70+优秀的前端工具 </a></li>
            <li><a href="http://caniuse.com/ " target="_blank ">caniuse</a></li>
            <li><a href="https://developer.mozilla.org/zh-CN/ " target="_blank ">developer.mozilla.org/zh-CN/</a></li>
            <li><a href="http://isux.tencent.com/css3/index.html " target="_blank ">CSS3动画手册</a></li>
            <li><a href="http://www.connectify.me/thanks/ " target="_blank ">connectify</a></li>
            <li><a href="http://www.colorzilla.com/gradient-editor/ " target="_blank ">CSS Gradient Generator</a></li>
            <li><a href="http://css3generator.com/ " target="_blank ">CSS3 Generator</a></li>
            <li><a href="http://css3lib.alloyteam.com/ " target="_blank ">CSS3 UI库</a></li>
            <li><a href="http://www.php100.com/manual/css3_0/index.html " target="_blank ">CSS3.0在线手册</a></li>
            <li><a href="http://demo.doyoe.com/ " target="_blank ">CSS3实验室</a></li>
            <li><a href="http://css3please.com/ " target="_blank ">CSS3使用例子</a></li>
            <li><a href="http://www.cnblogs.com/PeunZhang/articles/2391540.html ">HTML资源（推荐）</a></li>
            <li><a href="http://tinypng.org/ " target="_blank ">tinypng</a></li>
            <li><a href="http://www.smushit.com/ysmush.it/ " target="_blank ">smushit</a></li>
            <li><a href="http://www.w3school.com.cn/h.asp " target="_blank ">w3school</a></li>
            <li><a href="http://ued.ctrip.com/blog/wp-content/webkitcss/ " target="_blank ">webkit独有的样式分析</a></li>
            <li><a href="http://ganquan.info/yui/?hl=zh-CN " target="_blank ">YUI在线压缩</a></li>
            <li><a href="http://bjango.com/articles/min-device-pixel-ratio/ " target="_blank ">各种手机的设备像素比例</a></li>
            <li><a href="https://github.com/peunzhang/mobileTech " target="_blank ">手机开发资源</a></li>
            <li><a href="http://www.appinn.com/ " target="_blank ">小众软件</a></li>
            <li><a href="http://jsfiddle.net/D7N3S/ " target="_blank ">在线测试</a></li>
            <li><a href="http://jsbin.com/ " target="_blank ">在线设计demo</a></li>
            <li><a href="http://tool.chinaz.com/Tools/CssFormat.aspx " target="_blank ">站长工具</a></li>
            <li><a href="http://webrebuild.org/ " target="_blank ">webrebuild</a></li>
            <li><a href="http://tool.css-js.com/base64.html?b2 " target="_blank ">图片转base64</a></li>
            <li><a href="http://www.fontsquirrel.com/tools/webfont-generator " target="_blank ">@font-face字体格式生成工具</a></li>
            <li><a href="http://msdn.microsoft.com/zh-cn/library/ie/hh673549(v=vs.85).aspx " target="_blank ">IE开发人员指南</a></li>
            <li><a href="http://www.createcss3.com/ " target="_blank ">createcss3</a></li>
            <li><a href="http://zeptojs.com/ " target="_blank ">zeptojs</a></li>
            <li><a href="http://www.css88.com/doc/zeptojs_api/ " target="_blank ">zeptojs中文版</a></li>
            <li><a href="http://tongji.baidu.com/data/mobile/device/ " target="_blank ">移动设备市场份额</a></li>
            <li><a href="http://mta.qq.com/mta/operation/ " target="_blank ">腾讯移动分析</a></li>
            <li><a href="http://www.umindex.com/ " target="_blank ">友盟指数</a></li>
            <li><a href="http://csslint.net/ " target="_blank ">检测CSS语法是否正确</a></li>
            <li><a href="http://css4-selectors.com/selectors/ " target="_blank ">CSS4选择器</a></li>
            <li><a href="http://mapk.sinaapp.com/ " target="_blank ">前端收藏家</a></li>
            <!-- <li><a href="http://www.gafish.net/api/iScroll.html " target="_blank ">iScroll中文API</a></li> -->
            <li><a href="http://css3test.com/ " target="_blank ">css3test</a></li>
            <li><a href="http://docs.emmet.io/cheat-sheet/ " target="_blank ">Emmet API</a></li>
            <li><a href="http://enjoycss.com/ " target="_blank ">enjoycss</a></li>
            <li><a href="http://javascript.ruanyifeng.com/htmlapi/canvas.html " target="_blank ">Canvas API</a></li>
            <li><a href="http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html " target="_blank ">微信JSSDK</a></li>
            <li><a href="http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html#.E4.B8.8B.E8.BD.BD.E5.9C.B0.E5.9D.80 " target="_blank ">微信web开发者工具</a></li>
            <li><a href="http://kf.qq.com/faq/120911VrYVrA130619v6zaAn.html " target="_blank ">微信公众平台信息登记说明</a></li>
            <li><a href="http://pay.weixin.qq.com/wiki/doc/api/index.html " target="_blank ">微信支付商户平台开发文档</a></li>
            <li><a href="https://icomoon.io/app/#/select " target="_blank ">icomoon</a></li>
            <li><a href="http://www.iconfont.cn/help/iconmake.html " target="_blank ">iconfont图标制作说明</a></li>
            <li><a href="http://fontello.com/ " target="_blank ">fontello图标制作</a></li>
            <li><a href="https://docs.google.com/spreadsheets/d/1Hvi0nu2wG3oQ51XRHtMv-A_ZlidnwUYwgQsPQUg1R2s/pub?single=true&amp;gid=0&amp;output=html " target="_blank ">css对渲染的影响列表</a></li>
            <li><a href="http://tool.lu/css/ " target="_blank ">css在线压缩、美化</a></li>
            <li><a href="http://www.gulpjs.com.cn/ " target="_blank ">gulp</a></li>
            <li><a href="http://www.runoob.com/nodejs/nodejs-tutorial.html " target="_blank ">Node.js 教程</a></li>
            <li><a href="http://seajs.org/docs/ " target="_blank ">Sea.js 教程</a></li>
            <li><a href="http://cn.vuejs.org/ " target="_blank ">vuejs</a></li>
            <li><a href="http://www.lesscss.net/usage/ " target="_blank ">lesscss官网</a></li>
            <li><a href="http://123.56.156.13/api/lesscss/bootcss/www.bootcss.com/p/lesscss/index.htm " target="_blank ">lesscss教程</a></li>
            <li><a href="http://stylus-lang.com/ " target="_blank ">stylus</a></li>
            <li><a href="https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1475052055457 " target="_blank ">微信小程序</a></li>
        </ul>
    </div>
</body>

</html>
